Learn how to build native mobile apps from scratch with React Native and Expo.
Create your account at
Project Repo
Steps & Complete Walkthrough:
Timestamps:
0:00 - Intro
1:05 - What Is React Native
4:15 - How It Works
7:53 - What Is Expo?
10:00 - Running In Development
11:30 - Project Resources
13:17 - Expo Account & EAS CLI
15:10 - Generating an App
18:50 - Running On iOS & Web
21:34 - Running On Android
22:40 - Reset Project Script
23:59 - Native Components
26:46 - Platform & Device Info
28:25 - Styling In React Native
30:38 - Screen Stack & Header Title
32:00 - Global Styles
34:10 - Home Header Component
36:03 - Expo Router & Screens
38:05 - Navigation Links
38:58 - Back Button & Hide Headers
40:40 - Add Meal Screen (Challenge)
42:24 - Tabs
46:45 - MacroCard & MacroGrid Components
51:00 - MealItem & RecentMeals Components
53:33 - Add Meal Form
56:12 - AsyncStorage Intro
58:33 - Storage Handler
1:02:17 - Hook Up Form
1:05:12 - Get Meals From Storage
1:08:56 - Update MacroGrid With Storage
1:11:00 - Delete Meals From Storage
1:14:53 - All Meals Screen
1:16:07 - Clear All Meals
1:17:53 - Expo Haptics
1:20:40 - Share API
1:23:27 - Expo Clipboard
1:25:47 - Expo Notifications
1:28:26 - Reminder Toggle Component
1:32:05 - Build With EAS Build
|
本日は最強のClaude Code Skills4選についてお話させて頂きました...
詳細について、動画の関連ナレッジセンター記事をご参照ください: ACM発行証明...
Download your free Python Cheat Sheet he...
Learn how to build native mobile apps fr...
本日は図解生成アプリをClaudeCodeで作った過程をお話させて頂きました! ...
⭐️ Get Ghost for fast free postgres righ...
What does it take to bring world-class c...
Download your free Python Cheat Sheet he...
For over 65 years, the Jane Goodall Inst...
Eric Hass, Principal Product Manager for...
See how Amazon Bio Discovery simplifies ...
Your first 30 days set the tone for your...
When it comes to vibe coding, Chris asks...
In this Astro tutorial series, you'll le...